<template>
    <div class="xqz_test">
        <div class="xqz_box"></div>
    </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
@width: 100px;
@heigth: @width+10;

.xqz_test {
    width: @width;
    height: @heigth;
    border: 5px solid #000;
}

.xqz_box {
    width: 100px;
    height: 20px;
    border: 1px solid red;

    &:hover {
        cursor: pointer;
    }
}
</style>